<template>
  <div>
    <div class="cos" @click="fx()">
      <img src="案例.png" alt />
      <div class="cos_sting">
        <span>现代简约</span>
        <span>
          95m
          <sup>2</sup>·3室2厅·999万
        </span>
        <p>实用主义的轻奢空间，附赠女朋友</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    fx() {
      this.$router.push("/content");
    },
  },
};
</script>

<style scoped>
.cos {
  width: 90%;
  margin: 0 auto;
  margin-top: 30px;
}
.cos img {
  width: 100%;
  margin-bottom: 5px;
}
.cos_sting span {
  font-size: 12px;
}
.cos_sting span:nth-of-type(1) {
  background: #222222;
  color: white;
  padding: 2px 5px;
  border-radius: 2px;
  font-size: 10px;
}
.cos_sting p {
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
}
</style>